@import "@/common/constants/StyleConst.scss";

:deep .checkbox {
  .v-input__control {
    .v-input__slot {
      flex-direction: row-reverse;

      .v-label {
        font-size: 12px;
        color: #000;
        margin-right: 8px;
      }
    }
  }
}

.form-info {
  ::v-deep .v-data-table__wrapper {
    overflow-x: unset;
    overflow-y: unset;

    .v-data-table-header {
      background-color: $color-theme-lightgrey;
    }

    thead {
      overflow: hidden;

      tr {
        th {
          height: 40px;
          border-bottom: unset !important;

          span {
            font-weight: 400;
            font-size: 12px;
            color: $color-theme-grey;
          }

          .v-input__control {
            .v-input__slot {
              .v-input--selection-controls__input {
                .v-input--selection-controls__ripple {
                  border-radius: 50%;
                }

                span {
                  display: none;
                }
              }
            }
          }

          .align-items {
            .v-icon.v-icon::after {
              width: unset;
              height: unset;
            }
          }
        }

        :nth-child(1) {
          border-radius: 8px 0 0 8px;
        }

        :last-child {
          border-radius: 0 8px 8px 0;
        }
      }

    }

    tbody {
      tr {
        td {
          height: 40px;
          border-bottom: unset !important;
          font-size: 12px;
          color: $color-theme-grey;

          .v-input__control {
            .v-input__slot {
              .v-input--selection-controls__input {
                .v-input--selection-controls__ripple {
                  border-radius: 50%;

                }

                span {
                  display: none;
                }
              }
            }
          }
        }

        :nth-child(1) {
          border-radius: 8px 0 0 8px;
        }

        :last-child {
          border-radius: 0 8px 8px 0;

        }

        .add-icon {
          visibility: hidden;
        }

        .action {
          height: 100%;
          visibility: hidden;
        }

        &:hover {
          border-radius: 8px;
          background-color: #ECEDEE66 !important;

          .action {
            visibility: visible;
            align-items: center
          }
        }
      }
    }
  }
}